.index_boxs{background-size:cover;}
#top_video{width: 100%; overflow: hidden; position: relative; z-index: 1000;}

.video-zz{ position: absolute; z-index: 2; width: 100%; height: 100%; background:#000; opacity: 0.5; top: 0; left: 0;  }
.top_video_in{ display: block; text-align: center; z-index: 10;}

@media screen and (min-width:1024px) and (max-width:1381px){#top_video .top_video_in_it{ padding-left:8%; }}
@media screen and (min-width:1024px) and (max-width:20000px){
#top_video .top_video_in_ir{width: 45%;float: right;}
#top_video .top_video_in_it{width: 45%; }
	#top_video .top_video_in_it .top_btns a,#top_video .top_video_in_ir .top_btns a{ margin:0 10px 0 0}
#top_video .top_video_in_it,#top_video .top_video_in_it .top_btns,#top_video .top_video_in_ir,#top_video .top_video_in_ir .top_btns{text-align:left;}
}
@media screen and (min-width:1px) and (max-width:1023px){

}
.top_video_in .top_video_title{ color: #fff; font-weight: normal; position: relative;  text-shadow:0px 0px 5px #000;}
.top_video_in .top_video_title2{ color: #fff; font-weight: normal;text-shadow:0px 0px 5px #000;  }
.top_video_in  p{  color: #fff; text-shadow:0px 0px 3px #000; }
#top_video .top_btns{margin-top: 5px; width: 100%; text-align: center;}
#top_video .top_btns a{display: inline-block;  border-radius: 10px; margin:0 10px; text-shadow:1px 1px 8px #000;}
#top_video .top_btns a.top_btns_btn1{color: #fff; border: solid 1px #fff;}
#top_video .top_btns a.top_btns_btn2{color: #fff; background: #fff; border: solid 1px #fff;}
#top_video .top_btns a:hover{opacity: 0.6;}
#top_video .pagination_out{width: 100%; position:absolute; bottom: 0; left: 0; line-height: 3px; z-index: 100; background: url(../images/b_80.png); text-align: left; padding: 3px 0 6px 0;}
#top_video .pagination_out span{ width: 30px; height: 3px; border-radius: 0;  background: #fff; margin: 0 5px;}
#top_video .pagination_out span.swiper-pagination-bullet-active{ background:#cf0434;}
.topvideo_play{display: none;}

@media screen and (min-width:1025px) and (max-width:20000px){
	
	.top_video_in{max-width: 1200px; margin: 0 auto;width: 100%;padding-top:10%; }
	.top_video_in .top_video_title,.top_video_in .top_video_title2{font-size: 24px;}
	#top_video .top_video_in  .top_video_in_ir .top_video_title,#top_video .top_video_in  .top_video_in_it .top_video_title{font-size: 38px;}
	
	.top_video_in  p{ font-size: 18px;line-height: 34px;}
	.swiper-next,.swiper-prev{position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;background-size: 27px 44px;background-position: center;background-repeat: no-repeat; font-size: 48px; color: #fff; text-align: center; line-height: 44px; opacity: 0.5;}
.swiper-prev{left:15px;}
.swiper-next{right:30px;}
.swiper-next:hover,.swiper-prev:hover{ opacity:1;}
	.swiper-next.swiper-button-disabled,.swiper-prev.swiper-button-disabled{opacity: 0.3;}
}


@media screen and (min-width:0px) and (max-width:797px){
	.swiper-next,.swiper-prev{display: none;}	
	.top_video_in{width:90%;  margin: 0 5%;padding-top: 26%;}
	.top_video_in .top_video_title{font-size:12px;}
	.top_video_title2 { font-size: 16px;}
	.top_video_in  p{ font-size: 12px;line-height: 20px;}
	#top_video .top_btns a{padding: 5px 15px; font-size: 12px;}
}

@media screen and (min-width:768px) and (max-width:1024px){
.top_video_in .top_video_title,.top_video_in .top_video_title2{font-size:36px;}

	.top_video_in  p{ font-size: 16px;line-height: 24px;}
		.top_video_in{position:absolute; top: 0; left: 0;  }
	#top_video .top_btns a{padding: 8px 25px; font-size: 14px;}

}
@media screen and (min-width:768px) and (max-width:20000px){
	.top_video_in{position: relative; }
	.move_img{display: none;}
	.top_video_bac{width: 100%; height: 100%; position:absolute; top: 0; left: 0; z-index: 1; background-position: center center; background-size: cover;}
.top_video_bac video{min-width: 100%;min-height: 100%; position: relative;z-index: 1;}	
		#top_video .top_btns a{padding: 8px 25px; font-size: 14px;}
}

@media screen and (min-width:1px) and (max-width:767px){
	.top_video_in{position:absolute; top: 0; left: 0; padding-top:50px!important; }
.top_video_bac{display: none;}
#top_video,#top_video .swiper-container{ height: auto!important;}
	
	.move_img	{position: relative; z-index: 1;}
}



.twotab .top_video_in{position:absolute; top: 0; left: 0; padding-top:30px!important; }

.twotab  .top_video_in{width:90%;  margin: 0 5%;padding-top: 26%;}
.twotab 	.top_video_in .top_video_title,.twotab  .top_video_in .top_video_title2{font-size:24px;}
	
.twotab 	.top_video_in  p{ font-size: 14px;line-height: 20px;}






.form_contact_bttom{position: fixed; top: 0; left: 0; background: url(../images/blacks_25.png);z-index: 100000000; width: 100%; height: 100%;display: none;}
.form_contact_bttom_in{margin:100% auto 0 auto; max-width: 600px; width: 90%; height: auto; padding: 10px;background: #fff; }
.form_contact_bttom.form_open{display: block;}
.form_contact_bttom.form_open .form_contact_bttom_in{margin:10% auto 0 auto; }

.form_contact_bttom_in #commentform-park{width: 80%; margin:10px 10% 10px 10%; position: relative;}
.form_contact_bttom_in #commentform-park .lables{width:45%; float: left; margin: 5px 2.5%; }
.form_contact_bttom_in #commentform-park .lables input[type="text"]{ border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_bttom_in #commentform-park .lables select{border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_bttom_in #commentform-park .lables_c,.form_contact_bttom_in #commentform-park .lables_ra,.form_contact_bttom_in #commentform-park .submut_k{width:95%; float: left; margin: 5px 2.5%; }
.form_contact_bttom_in #commentform-park .lables_ra{font-size: 12px; color: #666; margin: 10px 2.5%; line-height: 26px;}

.form_contact_bttom_in #commentform-park .lables_ra label{font-size: 14px; color: #666; margin-right: 10px;}
.form_contact_bttom_in #commentform-park .lables_ra input[type="radio"]{ margin:0 5px 5px 10px; cursor: pointer;}

.form_contact_bttom_in #commentform-park .lables_c textarea{border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_bttom_in #commentform-park #submits{float: left;padding: 5px 35px; font-size: 16px; color: #cf0434; background:#fff; border: solid 1px #cf0434; cursor: pointer;}
.form_contact_bttom_in #commentform-park #submits:hover{background: #cf0434;color: #fff; }
.form_contact_bttom_in #commentform-park .tishi{float: left; color: #666; font-size: 14px; margin-left: 15px; position: relative; top: -6px; display: none;}
.hid_author,.hid_email{display: none;}
.form_contact_bttom_title{width: 100%; border-bottom: solid 1px #ccc; padding: 5px 0; margin:0 0 5px 0;}

.form_contact_bttom_title span{font-size: 16px;color: #333;}
.form_contact_bttom_title a{float: right; color:#cf0434;cursor: pointer;}




.more_m{display:block; width: 150px;  padding: 5px 0;; font-size: 16px; color: #cf0434; text-align: center;margin: 10px auto; cursor: pointer;}
.more_m:hover{  color: #fff; background:#cf0434;padding: 5px ;width: 150px;;}
#list_nav {background-position: top center; overflow: hidden;}
.list_nav_title{width: 100%; max-width: 1200px; text-align: center; margin: 0 auto; display: block; margin-bottom: 30px;}
 .xian_o{display: inline-block; width: 40%; height: 1px; background: #dddddd; margin-top: 10px; }
 .xian_o .xo{width: 10px; height: 10px; display: inline-block; background: #fff; border-radius: 10px; border: solid 1px  #dddddd;position: relative; z-index: 10; top: -9px;}
.bot.xian_o{margin: 40px auto 0 auto; text-align: center; width: 30%;}

.list_nav_ts{font-size: 14px; color: #8c8c8c; display: block; width: 100%; font-weight: normal; margin: 15px 0;}
.list_nav_ts font{color:#cf0434; margin-right: 10px; display: block;font-size: 24px; margin-bottom: 10px;}
.list_nav_title p{font-size: 14px; color: #666; line-height: 36px;}


@media screen and (min-width:768px) and (max-width:2000000px){
	
	.case_title_lists a{padding: 5px 15px;}
	.case_title_lists{ text-align: center;}
}
@media screen and (min-width:1px) and (max-width:767px){
	
	
	.case_title_lists a{padding: 8px;}
	.case_title_lists{ text-align: left;}
}
	.case_title_lists  font {
    color: #cf0434;
    margin-right: 10px;
}

.twotab #case_page .case_title_lists .mantitle a{color: #666}
.text_bn div.left_text_bn1:hover, .text_bn div.right_text_bn1:hover{top: 50px;}
.text_bn div.left_text_bn2:hover, .text_bn div.right_text_bn2:hover{top:180px;}
#case_index_show .list_nav_title{    margin-bottom: 9px;}
figure{margin: 0;}
#case_index_show{ width:100%; height:auto;overflow:hidden; padding:20px 0 0 0; position:relative;z-index: 10; background: #fff;}
.loop_part {padding:0 0 20px 0 ; }
.case_index_show_in{ margin:0 auto;}
.case_title_lists{width: 100%; text-align: center; overflow: hidden; }
.case_title_lists a{display:inline-block;  font-size: 14px; color: #333;cursor: pointer;}
.case_title_lists a.active{  color:#fff; background:#cf0434  }
.loop_part{width: 100%; height: auto; overflow: hidden; padding-top: 15px;}
.vedio_btn{position: absolute; top: 20px; opacity: 0; left: 0; width: 100%; height: 100%; background: url("../images/b_80.png"); text-align: center; z-index: 1;cursor: pointer;}
.loop_part  .swiper-slide{text-align: center;}
.case_loop li{background:url("../images/w_80.png");}
.case_loop li:hover .vedio_btn{top:0; opacity: 1;}
.case_loop li:hover .vedio_btn .icon{margin-top: 35%; opacity: 1;}
.vedio_url{ display:inline-block; padding: 5px 15px; border: solid 1px #ff8400; color: #ff8400; font-size: 12px; margin: 10px 0;}
 .vedio_url:hover{color: #fff; background:#ff8400;}

.case_loop{ width:103%; display:block; overflow:hidden;}
#case_index_show.index_boxs .case_loop{width:102%; padding: 0 4px;  }
.case_index_show_in .comments_p{ display: none;}
#per27 .case_loop li{ width:100%; margin:5px 0 8px 0;}
@media screen and (min-width:650px) and (max-width:200000px){
.case_loop li{ width:30%; margin:10px 3% 15px 0; }
.case_loop.loop_list4 li{ width:22%; margin:10px 3% 10px 0;}
	
	}
@media screen and (min-width:1px) and (max-width:649px){
.case_loop li{ width:47%; margin:10px 3% 15px 0; }

	
	}	
@media screen and (min-width:1025px) and (max-width:2000000px){
	
	#case_index_show	.pagination_out{display: none;}
}	
@media screen and (min-width:1px) and (max-width:1024px){
	
#case_index_show .pagination_out{width: 100%;  z-index: 100; text-align: center; padding: 10px 0; position: relative;}
#case_index_show .pagination_out span{ width: 15px; height: 5px; border-radius: 0;  background: #666; margin: 0 5px;}
#case_index_show .pagination_out span.swiper-pagination-bullet-active{ background:#ff8400;}
}		
@media screen and (min-width:1024px) and (max-width:200000px){
.case_loop.loop_list5 li{ width:18%; margin:10px 2% 10px 0;}
.case_loop.loop_list6 li{ width:13.6%; margin:10px 3% 10px 0;}
.case_loop.loop_list7 li{ width:11.2%; margin:10px 3% 10px 0;}
.case_loop.loop_list8 li{ width:9.5%; margin:10px 3% 10px 0;}	
	}
	
@media screen and (min-width:768px) and (max-width:1023px){

.case_loop.loop_list5 li,.case_loop.loop_list6 li,.case_loop.loop_list7 li,.case_loop.loop_list8 li{ width:22%; margin:10px 3% 10px 0;}
	
	}	
@media screen and (min-width:650px) and (max-width:767px){

.case_loop.loop_list5 li,.case_loop.loop_list6 li,.case_loop.loop_list7 li,.case_loop.loop_list8 li{width:30%; margin:10px 3% 15px 0;}
	
	}		

.case_loop li{  display:block; float:left;}



.case_loop  .product_pic{ font-size:0;}

.case_loop  .product_pic .thumbnails{position:absolute; left:0; bottom:-300px; background:url("../images/w_80.png"); }
.case_loop  .product_pic .thumbnails a img{width:90%; height: auto;}
.case_loop  .product_pic .thumbnails{width:90%; padding:5px 5%;}

.case_loop  .product_pic .thumbnails .thumbnail_prve,.case_loop  .product_pic .thumbnails  .thumbnail_next {background-image: url("../images/css.png");background-repeat: no-repeat;cursor: pointer;height:100%; position: absolute;width: 5% !important; background-color: #F6F6F6; top:0;}



.case_loop  .product_pic .thumbnails .thumbnail_prve{ right:0;background-position:3px -709px;}
.case_loop  .product_pic .thumbnails .thumbnail_next { left:0;background-position:3px -658px;}

#per27 .case_loop  .product_pic .onsale{position: relative; width: 100%; padding: 8px 0; text-align: center; top: 0; left: 0; display: block;}
.case_loop  .product_pic,.case_loop  .product_bottom{ display:block; width:100%; position:relative; overflow:hidden; text-align:center;}
.case_loop  .product_pic .onsale{ position:absolute; left:5px; top:10px; padding:5px; color:#fff; background:#ba9f74; z-index:2; line-height:normal;border-radius:0; min-height:inherit; font-weight:normal }
.case_loop  .posts_title{ margin:5px 0; display:block; text-align: center; height: 35px; overflow: hidden;}
.case_loop  .posts_title a{ font-size:16px; color:#333; font-weight:normal;}
.case_loop  .product_bottom .woocommerce-review-link{ display:none;}
.case_loop  .product_bottom .woocommerce-product-rating{ display:inline-block; margin-bottom:8px;}
.case_loop  .product_bottom .star-rating{ color:#f56600; font-size:14px;}
.case_loop  .product_bottom  .black_price_out span{ font-size:16px; }


.case_loop .case_pic{ font-size:0; width:100%; position:relative; overflow:hidden; height:auto;}
.case_loop .case_pic  figcaption{ font-size: 12px; position: absolute; bottom: -100px; left: 0;  text-align: center; width: 96%; padding: 10px 2%; color: #fff; opacity: 0; text-align: left; z-index: 10; display: block;}
.case_loop .case_pic  figcaption span{position: relative; z-index: 10;}
.case_loop .case_pic  figcaption::after{ content: ""; display: block;width: 100%; height: 100%; background: #000; opacity: 0.5; top: 0; left: 0; z-index: 1;position: absolute;}

.case_loop li:hover .case_pic  figcaption{ opacity: 1; bottom: 0;}
.case_loop li:hover .case_pic img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.case_loop li:hover{box-shadow: 0 0 5px #ccc;}

.case_text{ text-align:center;}
.case_text .posts_title{ margin: 0; width: 96%; padding: 0 2%; height: 39px; margin-top: 10px; line-height: 18px; display:block; overflow: hidden;}
.case_text .posts_title a{ font-size:14px; color:#333; }

#w_tc .list_nav_ts ,#w_tc .list_nav_ts font{color:#fff; text-shadow: 0px 0px 5px #000}
#w_tc .more_m{color:#fff; border: solid 1px #fff;}




@media screen and (min-width:1109px) and (max-width:20000px){
	
	#ms_icon .icons_i i{font-size: 32px;margin-right: 10px;}
	.icons_in .icons_contact span p{font-size: 14px;}
}
@media screen and (min-width:1024px) and (max-width:1108px){
	
	#ms_icon .icons_i i{font-size: 24px;margin-right: 10px;}
	.icons_in .icons_contact span p{font-size: 12px;}
}

@media screen and (min-width:769px) and (max-width:20000px){
	.icons_in #ms_icon2.icons_contact span p{font-size: 16px; height: 67px; }
	.icons_in .icons_contact{width: 18%; margin: 15px 1% 10px 1%; padding: 30px 1.5% 30px 1.5%; }
	.icons_in #ms_icon3{width: 12%; margin: 10px 0.5% 10px 0.5%;}
	.icons_in.hangs4  #ms_icon3.icons_contact{width: 22%; margin: 10px 0.5% 10px 0.5%;padding: 15px 0.5% ;}
	.icons_in.hangs3  #ms_icon3.icons_contact{width: 31%; margin: 10px 0.5% 10px 0.5%;padding: 15px 0.5% ;}
	
	.icons_in #ms_icon2.icons_contact{ width: 29%;margin: 5px 0.1%;padding: 20px 1.9%; background: #fff;  }
	.icons_in.hangs4 #ms_icon2.icons_contact{ width: 22.4%;margin: 5px 0.1%;padding: 10px 1%; background: #fff;  }
	.icons_in.hangs6 #ms_icon2.icons_contact{ width: 14%;margin: 5px 0.1%;padding: 10px 1%; background: #fff;  }
	
	.icons_in.hangs3 #ms_icon.icons_contact{width: 30%; margin: 15px 0.5% 10px 0.5%; padding: 30px 1% 30px 1%; }
	.icons_in.hangs6 #ms_icon.icons_contact{width: 14%; margin: 15px 0.5% 10px 0.5%; padding: 30px 0.5% 30px 0.5%; }
	
	#ms_icon3 .icons_i i{font-size: 32px; margin: 0 0 0px 0;color:#fff;display: inline-block; width: 75px; height: 75px; line-height: 75px; text-align: center;border-radius:100%;box-shadow: 0 0 0 8px rgba(204,219,56,.35);  }
#ms_icon3:hover .icons_i i{box-shadow: 0 0 0 20px rgba(204,219,56,.35);}
	.icons_in #ms_icon3.icons_contact{padding: 20px 1.5% 30px 1.5%;}
}
@media screen and (min-width:1px) and (max-width:768px){
	.icons_in .icons_contact span p,.icons_in #ms_icon2.icons_contact span p{font-size: 12px;height: 67px;}
	.icons_in .icons_contact{width: 44%; margin: 10px 1% 10px 1%; padding: 10px 1.5% 30px 1.5%; }
	.icons_in #ms_icon3.icons_contact{width: 27%;}
	#ms_icon3 .icons_i i{font-size: 16px; margin: 0 0 0px 0;color:#fff;padding: 15px; text-align: center;border-radius:100%;box-shadow: 0 0 0 3px rgba(204,219,56,.35);  }
#ms_icon3:hover .icons_i i{box-shadow: 0 0 0 20px rgba(204,219,56,.35);}
	.icons_in #ms_icon2.icons_contact{ width: 42%; margin: 10px 2% 10px 2%;padding: 20px 1.5%; }
	.icons_in #ms_icon3.icons_contact{padding: 10px 1.5% 5px 1.5%;}
}
.icons_in #ms_icon2.icons_contact span p{display: block; overflow: hidden;width: 100%;}
.icons_in{margin: 0 auto;max-width:1280px;width: 95%;padding: 0 2.5%;text-align: center;}
.icons_in .icons_contact{display: inline-block;  position: relative; text-align: left;}
.icons_in .icons_contact .ba{ width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background: #fff;}
.icons_in #ms_icon2.icons_contact:hover .ba { box-shadow:3px 3px 10px 5px #ebebeb;}

.icons_in #ms_icon font{font-size: 26px; color: #999999; position: absolute; top: 15px; left: 15px;}
.icons_i{width: 90%; height: auto; text-align:left; margin: 0 5% ; position: relative; padding-bottom:5px;z-index: 5; }
#ms_icon .icons_i::after{width: 100%; content: " "; height: 1px; background:#e9e9e9; position: absolute; bottom: 0; left: 0; z-index: 1;}
#ms_icon .icons_i::before{width: 35px; content: " "; height: 1px; background:#cf0434; position: absolute; bottom: 0; left: 0; z-index:2;}
#ms_icon:hover .icons_i::before{width: 70px; content: " "; height: 1px; background:#cf0434; position: absolute; bottom: 0; left: 0; z-index:2;}

#ms_icon .icons_i b{font-size: 18px; color: #333; line-height: 32px;}



.icons_in #ms_icon.icons_contact:hover  font{color:#cf0434;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.icons_in .icons_contact span{width: 90%; text-align:left; margin: 0 5% ; display: inline-block; overflow: hidden; position: relative;z-index: 5;}
.icons_in .icons_contact span p{ color: #666; display: block; width: 100%; height: 42px;}


#ms_icon2 .icons_i{text-align: center; margin: 20px 0 10px 0; width: 100%;}
#ms_icon2 .icons_i i{font-size: 26px; margin: 0;}
.icons_in #ms_icon2.icons_contact span{text-align: center;}
#w_tc .icons_contact span b,#w_tc .icons_contact span p,#w_tc.icons_in #ms_icon3 b{color: #fff;}
.icons_in #ms_icon2.icons_contact span b{font-size: 18px;color:#333; }





.icons_in #ms_icon3.icons_contact .ba{ border: none; background: none;}
#ms_icon3 .icons_i{text-align: center; margin: 20px 0 0px 0; width: 100%;}


.icons_in #ms_icon3 span p{margin: 0;height: 42px;display: block; width: 100%;}
.icons_in #ms_icon3 b{display: block; width: 100%; text-align: center;font-size: 18px; font-weight: bold; margin-top: 15px; color:#333;}
.icons_in #ms_icon3.icons_contact span{text-align: center;}

.icons_in #ms_icon3.icons_contact span b{font-size: 26px; }

.icons_in #ms_icon3.icons_contact:hover .ba{ box-shadow: none;;}


.swiper-container{width: 100%;}
#vot{padding: 30px 0;}

@media screen and (min-width:768px) and (max-width:200000px){
	.imgs_avars{width: 15%;float: left;text-align: right; }
	.text_vot{width: 77%;padding: 15px 4%;float: right;  }
	#vot #votms_2 .swiper-slide {margin-right: 37px!important;}
}

@media screen and (min-width:1px) and (max-width:767px){
	.imgs_avars{width: 100%; text-align: center;}
	.text_vot{width: 80%; padding: 15px 10%;}
	#vot #votms_2 .text_vot{ width: 80%!important;}
}


.tx_n{width: 100%; margin: 35px 0; overflow: hidden;}
.tx_n a{display: inline-block;  width: 40px; height: 40px; margin: 0 15px; cursor: pointer;}
.tx_n a.active img{border: solid #cf0434 3px;}
.tx_n a img{border-radius: 100%; border: solid #f5f5f5 3px; max-width: 40px; height: auto;}

@media screen and (min-width:1024px) and (max-width:2000000px){
.text_about{text-align: left; float: right; width: 45%; }
	.about_img{width: 50%; float: left;  position: relative;}
	.text_about a{padding: 8px 0px; font-size: 14px; }
	.text_about  .xian_o{margin: 0;}
}

@media screen and (min-width:1124px) and (max-width:2000000px){
	.text_about span{font-size: 14px; margin: 5% 0 20px 0; }
	.text_about span font{font-size: 24px;;margin-bottom: 10px; }
	.text_about p{line-height: 26px;font-size: 15px; margin: 5px 0;}
	
}
@media screen and (min-width:1024px) and (max-width:1123px){
	.text_about span{font-size: 14px; margin: 5% 0 20px 0; }
	.text_about span font{font-size: 18px;;margin-bottom: 3px; }
	.text_about p{line-height: 22px;font-size: 14px; margin: 5px 0;}
	.text_about .xian_o{display: none;}
	
}

@media screen and (min-width:768px) and (max-width:1023px){
	.text_about span{font-size: 14px; margin: 2% 0 20px 0; }
	.text_about span font{font-size: 18px;;margin-bottom: 3px; }
	.text_about p{line-height: 22px;font-size: 14px; margin: 5px 0;}
	.text_about .xian_o{display: none;}
	
.text_about{text-align: left; float: right; width: 45%; }
	.about_img{width: 50%; float: left; position: relative;}
	.text_about a{padding: 5px 0px; font-size: 14px; }
	.text_about  .xian_o{margin: 0;}
}


@media screen and (min-width:1px) and (max-width:767px){
	.about_img{width: 100%; float: left; margin-bottom:10px; position: relative;}
.text_about{text-align: left; float:left; width:100%;}	
		.text_about span{font-size: 16px; }
	.text_about p{line-height: 20px;font-size: 14px;}
	.text_about a{padding: 3px 0px; font-size: 12px; }
}

.about_ul_in{margin: 0 auto;max-width: 1280px;width: 95%;padding: 0 2.5%;text-align: center;}
.about_tt{width: 100%; margin: 0 0 40px 0; text-align:center;  overflow:hidden; height: 38px;}
.about_tt a{padding: 15px 20px 18px 20px; font-size: 16px; color: #333;cursor: pointer;font-weight: bold;}
.about_tt a.active{ border-bottom: 3px  solid #cf0434; padding:15px 20px; color:  #cf0434; }

.abtns.xian_o{margin: 35px 0;}
.text_about{text-align: left; margin: 0 2.5%;}
.text_about span font{display: block; width: 100%;color: #226184}
.text_about span{ color: #8c8c8c; font-weight:normal; display: block; width: 100%;}
.text_about  .xian_o .xo{top:-6px;}

.text_about p{  color: #1E1E1E;}
.about_insile{overflow:hidden;width: 100%; height: auto;font-size: 0;}
.video_btns{position:absolute; top: 0; left: 0; width: 100%; height: 100%;  text-align: center; color: #fff; background: url(../images/b_80.png); opacity: 0.5; cursor: pointer;}
.video_btns:hover{opacity: 1;}
.video_btns i{font-size: 36px; margin-top: 26%;}
.text_about a{display: inline-block; width: auto; color:#cf0434; }
.text_about a:hover{color:#fff; background:#cf0434;padding: 8px 20px;}
.about_uls  .swiper-slide{background: #fff;}
.about_uls  .swiper-slide:nth-child(even) .about_img{float: right; margin: 0;}
.about_uls  .swiper-slide:nth-child(even) .text_about{float: left; }


.band_ul_in{margin: 0 auto;max-width:1280px;width: 95%;padding: 0 2.5%;text-align: center;}
.band_ul_in .band_uls .swiper-slide{text-align: center;}



#case_page,.twotab #case_index_show{width: 96%; padding: 15px 2%; background: #fff; margin-bottom:20px;}

#case_page .case_page_show_in,.twotab #case_index_show .case_index_show_in{width: 100%; height: auto; margin: 0; padding: 0;}
#case_page .case_page_show_in li{width: 100%; height: auto; text-align: left; margin:0 0 15px 0; padding:0 0  15px 0; border-bottom: 1px solid #e3e3e3; }
#case_page .case_page_show_in li:hover{box-shadow: none;}
#case_page .case_page_show_in li .case_pic{ float: left; margin-right: 15px; overflow: hidden;}
#case_page .case_page_show_in li .case_text{text-align:left;}
#case_page .case_page_show_in li .case_text .posts_title{text-align: left; width: auto; margin: 0 0 10px 0; padding: 0; height: auto;}
#case_page .case_page_show_in li .case_text .posts_title a{font-size: 16px;color: #333;}
#case_page .case_page_show_in li .case_text span ,#case_page .case_page_show_in li .case_text span time{font-size: 12px; color:#cf0434; margin-right: 5px; opacity: 0.9;}
#case_page .case_page_show_in li .case_text p{font-size: 14px; color: #666; line-height: 20px; margin: 3px 0; }
#case_page .case_page_show_in li .case_text .vedio_url{background:#cf0434; color: #fff; border: none; border-radius: 5px; margin: 2px 0 0;}

#case_page .case_page_show_in li.first_show:first-child{ }
#case_page .case_page_show_in li.first_show:first-child .case_pic{ width: 100%; max-height:inherit;}
#case_page .case_page_show_in li.first_show:first-child .case_text{float: left;width: 100%; margin-top: 15px;}

#case_page .case_page_show_in li.first_show{ float: left; margin: 0 0 9px 0; padding: 0 0 10px 0; border: none;}
#case_page .case_page_show_in li.first_show .case_pic{ width: 100px; max-height: 80px;}
#case_page  .loop_part{padding-bottom: 0;}

@media screen and (min-width:768px) and (max-width:20000px){
	#case_page .case_page_show_in li.first_show{width: 50%;}
	#case_page .case_page_show_in li.first_show:first-child{width: 45%;margin-right: 5%;}
	#case_page .case_page_show_in li .case_pic{width: 200px; max-height: 150px; }
}
@media screen and (min-width:1px) and (max-width:767px){
	#case_page .case_page_show_in li.first_show,#case_page .case_page_show_in li.first_show:first-child{width: 100%;}
		#case_page .case_page_show_in li .case_pic{width: 100px; max-height: 80px; }
}





.index_nav{width: 96%; padding: 15px 2%; background: #fff; margin-bottom:20px;}
.index_nav .case_title_lists{ text-align: left;}
.case_title_lists .mantitle{   display: inline-block; font-size: 18px;font-weight: bold; padding: 10px 0; margin:0; position: relative; color: #cf0434;}

.index_nav_ul{ display:block; width:100%; padding: 5px 0; margin-top: 10px;}
.index_nav_ul li{ display:block; width:100%; height:auto; font-size:0; position:relative; background:#FAFAFA;margin-bottom: 10px;}
.aside_mian .index_nav_ul li:hover{ background:#F2F2F2;}
.index_nav_ul li a{ display:block; padding:3px 5%; width:90%; cursor: pointer; background:#E3E3E380; margin-bottom: 10px; font-weight: bold;}
.index_nav_ul li .sub-menu li a{background: none; margin-bottom: 0; font-weight: normal;}
.index_nav_ul li a figure{ float:left; width:30px; margin-right:10px;}
.index_nav_ul li a { line-height:30px;}
.index_nav_ul li a  span{ font-size:14px; color:#333;}
.index_nav_ul li.menu-item-has-children i,.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i{display: block ; position:absolute; right: 0; top: 0; width: 36px; height: 36px;cursor: pointer;;font-size: 14px;text-align: right;margin-right: 10px;line-height: 44px;color: #8F8F8F;}


.index_nav_ul li.menu-item-has-children i::before, .index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i::before{content:"\f067";font-family: FontAwesome;-webkit-transform: rotate(0);transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);display: inline-block;}


.index_nav_ul li.menu-item-has-children i.opens::before,.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i.opens::before{-webkit-transform: rotate(-137deg);transform: rotate(-137deg);-moz-transform: rotate(-137deg);-o-transform: rotate(-137deg);}
.index_nav_ul li .sub-menu{display: none;}
.index_nav_ul li.current-menu-item .sub-menu,.index_nav_ul li.current-menu-ancestor .sub-menu,.index_nav_ul li.current-menu-parent .sub-menu{display:block;}
.index_nav_ul li.current-menu-item span{color: #cf0434; font-weight: bold;}
.index_nav_ul li.current-menu-item.menu-item-has-children .sub-menu li span{color: #333; font-weight: normal;}


.index_nav_ul li .sub-menu li {border-bottom:solid 1px #E3E3E380;}
#per27 .index_nav_ul li .sub-menu{  position:relative; top:0; left:0; width:90%; padding-left: 10%; }
.left_right#per27  .index_nav_ul li .sub-menu{left:-82%; }
#per27 .index_nav_ul li .sub-menu li:last-child{border: none;}
 .index_nav_ul li.menu-item-has-children .sub-menu li i, .index_nav_ul li.menu-item-has-children .sub-menu li .sub-menu li i{ display: none}
.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li  i{display: none!important}
.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{width: 90%; margin-left: 10%;}
.main_content .index_nav_ul li .sub-menu li{background:#F2F2F2;}

#adimg{width: 100%;height: auto;position: relative;}
#adimg a{display: block; width: 100%; height: auto; overflow: hidden; font-size: 0;}
.img_margin a{margin-bottom:15px; }
.img_margin a:last-child{margin: 0;}

.index_tag_nav_ul{display: block; overflow: hidden; width: 100%; margin: 15px 0;}
.index_tag_nav_ul li,.index_tagcloud a{list-style: none; display: inline-block; padding: 3px 5px; background: #e3e3e3; color: #666; margin: 0 5px 5px 0; border-radius: 3px; }
.index_tag_nav_ul li a,.index_tag_nav_ul li.menu-item-has-children .sub-menu li a,.index_tagcloud a{color: #666; font-size: 14px; margin: 0;}
.index_tagcloud a{margin: 0 5px 5px 0}
.index_tag_nav_ul li:hover{background: #cf0434;}
.index_tag_nav_ul li:hover a,.index_tag_nav_ul li.menu-item-has-children .sub-menu li:hover a,.index_tagcloud a:hover{color: #fff;}
.index_tag_nav_ul li.menu-item-has-children{ display: block; width: 100%; background:none!important; padding: 0; margin-bottom: 15px;}
.index_tag_nav_ul li.menu-item-has-children a{color:#333; font-size: 16px; margin-bottom: 10px; display: block; width: 100%;}
.index_tag_nav_ul li.menu-item-has-children:hover a{color:#333;}

.index_tagcloud {width: 100%; height: auto;}

#case_page.news_indexs   { width: 100%; margin: 0; padding: 0;} 
#case_page #news_loops{    width: 90%;padding: 0 5%; margin: 0 auto;max-width: 1280px;}
#case_page .case_page_show_in li.first_show:first-child .case_pic{ max-height: 307px; overflow: hidden;}
.news_indexs .list_nav_title{margin-bottom: 10px;}
.news_indexs .case_title_lists{ margin: 10px 0 25px 0;}
#case_page.news_indexs .case_loop{width: 100%;}
#case_page.news_indexs  .case_page_show_in li.first_show:first-child .case_pic time{position: absolute; bottom: 0; left: 0; width:auto; padding: 10px; background: url(../images/b_80.png); text-align:center;}
#case_page.news_indexs  .case_page_show_in li.first_show:first-child .case_pic time span{font-size: 12px; color: #fff; display: block;width: 100%;}
#case_page.news_indexs  .case_page_show_in li.first_show:first-child .case_pic time span:first-child{font-size: 24px;}
#case_page.news_indexs  .case_page_show_in li .case_pic .new_left{width: 84px;}
#case_page.news_indexs  .case_page_show_in li .case_pic .new_left .mouth { display: block;width: 100%; background: #cf0434; color: #fff; text-align: center;font-size: 16px; height: 32px;line-height: 32px;}
#case_page.news_indexs  .case_page_show_in li .case_pic .new_left .day {display: block; width: 100%; background: #f3f3f3;font-size: 18px;color:#666;text-align: center;line-height: 40px;}




.plan_ul_in{margin: 0 auto;max-width: 1280px;width: 95%;padding: 0 2.5%;text-align: center;}

#plan  .pagination_out{padding: 15px 0; text-align: center;}
#plan .pagination span,#band .pagination span{width: 30px;height: 4px;border-radius: 0;background: #ccc;margin: 0 5px;opacity: 1;}
#plan .pagination span.swiper-pagination-bullet-active,#band  .pagination span.swiper-pagination-bullet-active{background: #cf0434;}
#plan  .swiper-slide .text_plan{background: #fff; width: 99%; border: solid 1px #dddddd;}
#plan  .swiper-slide .text_plan .p_titles .icons_plan{display: block; width: 100%; margin: 0 0  5px 0; font-size: 26px; color: #226184; font-style: normal;}
#plan  .swiper-slide:hover{box-shadow: 0px 0px 5px 3px #ccc;}
#plan  .swiper-slide .text_plan .p_titles{ display: block;width: 90%; padding:15px 5% 15px 5%; font-size: 20px; border-bottom: solid 1px #ddd;font-weight: bold;color:#e75b1a;background: #f9f9f9;}
#plan  .swiper-slide .text_plan .p_titles .p_des{display: block; width: 100%; margin: 10px 0 0; font-size: 16px; color: #333;}
#plan  .swiper-slide .text_plan ul{display: block; list-style: none;}
#plan  .swiper-slide .text_plan ul li{display: block;width: 90%; padding: 15px 5%; font-size: 14px; border-bottom: solid 1px #f2f2f2;min-height: 21px;}
#plan  .swiper-slide .text_plan ul li:nth-child(2n) {background:#f9f9f9; }
#plan  .swiper-slide .text_plan .vedio_url{margin: 25px auto;}
.tttup{font-size: 0;}
#band{text-align: center; background-size: cover;}




@media screen and (min-width:1024px) and (max-width:2000px){
	
.form_contact_in .form_contact_left{float: left; width: 50%;}
.form_contact_in .form_contact_right{float: left; width: 50%; text-align: right;}	
	
}
@media screen and (min-width:1px) and (max-width:1023px){
	
.form_contact_in .form_contact_left{float: left; width: 100%;}
.form_contact_in .form_contact_right{float: left; width: 100%;}	
	
}
#contact_index_show{width: 100%;height: auto;overflow: hidden;padding: 20px 0 30px 0;position: relative;z-index: 10;background: #fff ;}
.contact_index_show_in{width: 90%;padding: 0 5%;max-width: 1226px; margin: 0 auto; position: relative;text-align: center;}

#wihte_title .list_nav_ts,#wihte_title .list_nav_ts font,#wihte_title  p{color:#fff;}
#wihte_title{margin-bottom: 30px;}
#wihte_title  p{margin:0;}
.list_nav_ts{margin: 15px 0 5px 0;}
.form_contact{width: 100%; overflow: hidden; background:url(../images/w_40.png); text-align: center;}
.form_contact_in{width:98%; margin: 13px 1%; height: auto; overflow: hidden;}

.form_contact_left_head{ width: 80%;margin: 15px 10% 15px 10%; position: relative;}

.form_contact_left_head span{font-size: 18px; color: #646464;width: 95%;float: left;margin: 5px 2.5%;display: block;}

.tel_contacts{width: 80%;margin: 15px 10% 15px 10%;position: relative; overflow: hidden;}
.tel_contacts span{ color: #c81623; float: right;width: 95%;float: left;margin: 5px 2.5%;display: block; }
.tel_contacts span.tel_span{font-size:36px; color: #c81623; float: left; }
.tel_contacts span.p_span{font-size:26px; color: #c81623; float: left; }

.form_contact_left #commentform-park{width: 80%; margin:10px 10% 10px 10%; position: relative;}
.form_contact_left #commentform-park .lables{width:45%; float: left; margin: 5px 2.5%; }
.form_contact_left #commentform-park .lables input[type="text"]{ border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_left #commentform-park .lables select{border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_left #commentform-park .lables_c,.form_contact_left #commentform-park .lables_ra,.form_contact_left #commentform-park .submut_k{width:95%; float: left; margin: 5px 2.5%; }
.form_contact_left #commentform-park .lables_ra{font-size: 12px; color: #666; margin: 10px 2.5%; line-height: 26px;}

.form_contact_left #commentform-park .lables_ra label{font-size: 14px; color: #666; margin-right: 10px;}
.form_contact_left #commentform-park .lables_ra input[type="radio"]{ margin:0 5px 5px 10px; cursor: pointer;}

.form_contact_left #commentform-park .lables_c textarea{border: #f0f0f0 1px solid; background: #fff;width: 90%; padding: 10px 4%; color: #666;}
.form_contact_left #commentform-park #submit{float: left;padding: 5px 35px; font-size: 16px; color: #ff8400; background:#fff; border: solid 1px #ff8400; cursor: pointer;}
.form_contact_left #commentform-park #submit:hover{background: #ff8400;color: #fff; }
.form_contact_left #commentform-park .tishi{float: left; color: #666; font-size: 14px; margin-left: 15px; position: relative; top: -6px; display: none;}
.hid_author,.hid_email{display: none;}